<template>
  <div class="selector-wrapper">
    <selector-item
      v-for="(item, index) of modelData"
      :key="index"
      :item="item"
    ></selector-item>
  </div>
</template>

<script>
import modelData from "../../configs/model";

import SelectorItem from "./Item.vue";

export default {
  name: "ModelSelector",
  components: {
    SelectorItem,
  },
  setup() {
    return {
      modelData,
    };
  },
};
</script>

<style lang="scss" scoped>
.selector-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 0.15rem 0.1rem;
  box-sizing: border-box;
}
</style>